import dayjs from 'dayjs'
import React, { useState } from 'react'
import './MyPiao.css'
import { Calendar,Stepper,Button  } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { LeftOutline } from 'antd-mobile-icons'
const imgeee = require('../../assents/23.png')

const MyPiao = () => {
    const ddxqy=()=>{
        window.location.href='/Ddxq'
    }
    const navigate=useNavigate()
    const today = dayjs()
    const [val, setVal] = useState<[Date, Date] | null>(() => [
        today.subtract(2, 'day').toDate(),
        today.add(2, 'day').toDate(),
    ])
    return (
        <div>
            <div className='Pioa-top'>
                <span onClick={()=>{navigate(-1)}}><LeftOutline /></span>
                <span className='tx'>购票</span>
            </div>
            <div>
                <Calendar
                    selectionMode='range'
                    value={val}
                    onChange={val => {
                        setVal(val)
                    }}
                />
            </div>
            <div className='boio'>
                <span>Vip参观</span>
                <img className='oo' src={imgeee} alt="" />
                <div>
                    <span>对方水电费水电费水电费的司法送达放大时辅导费</span>
                    <Stepper min={0} max={5} />
                </div>
            </div>

            <div>
                <span>￥299</span>
                <Button className='button' color='warning' onClick={ddxqy}>继续</Button>
            </div>
        </div>
    )
}

export default MyPiao
